<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--
JavaScript Slideshow by Patrick Fitzgerald
http://slideshow.barelyfitz.com/
-->
<HTML>
<HEAD>
<TITLE>JavaScript Slideshow Template</TITLE>
<SCRIPT type="text/javascript" src="slideshow.js"></SCRIPT>

<SCRIPT type="text/javascript">
<!--

SLIDES = new slideshow("SLIDES");

// Create some slides and add custom filters for Microsoft IE
SLIDES.add_slide(s = new slide('images/refimg2.png'));
s.filter = 'progid:DXImageTransform.Microsoft.Pixelate()';

SLIDES.add_slide(s = new slide('images/refimg5.png'));
s.filter = 'progid:DXImageTransform.Microsoft.Fade()';

SLIDES.add_slide(s = new slide('images/image1.jpg'));
s.filter = 'progid:DXImageTransform.Microsoft.Barn()';

SLIDES.add_slide(s = new slide('images/header.jpg'));
s.filter = 'progid:DXImageTransform.Microsoft.Barn()';


//-->
</SCRIPT>

</HEAD>

<BODY onLoad="SLIDES.play();">

<P>

<IMG name="SLIDESIMG" src="images/header.jpg" width="780" height="179" border="0"
style="filter:progid:DXImageTransform.Microsoft.Fade()" alt="Slideshow image">

<SCRIPT type="text/javascript">
<!--

if (document.images) {

SLIDES.image = document.images.SLIDESIMG;

// Create a function to ramp up the image opacity in Mozilla
var fadein_opacity = 0;
var fadein_img = SLIDES.image;
function fadein(opacity) {
  if (typeof opacity != 'undefined') fadein_opacity = opacity;
  if (fadein_opacity < 1 && fadein_img && fadein_img.style &&
      typeof fadein_img.style.MozOpacity != 'undefined') {

    fadein_opacity += .05;
    fadein_img.style.MozOpacity = fadein_opacity;
    setTimeout("fadein()", 50);
  }
}

// Tell the slideshow to call our function whenever the slide is changed
SLIDES.post_update_hook = function() { fadein(0); }

}


//-->
</SCRIPT>

</BODY>
</HTML>
